<template>
	<view class="flex-col page">
		<view class="flex-col group_6">
			<view class="flex-col">
				<view class="flex-col">
					<view class="justify-center section_1">
						<view class="group_9 flex-col items-center">
							<text>1</text>
							<image
								src="http://images.wanjunshijie.com/product/cook/assets/ceda1504f01ec45c724bee8069227130.png"
								class="image_6" />
						</view>
						<text class="text_7">提交</text>
						<image src="../../assets/16419688604123111779.png" class="image_8" />
						<view class="group_9 flex-col items-end view_1">
							<text class="text_8">2</text>
							<image
								src="http://images.wanjunshijie.com/product/cook/assets/ceda1504f01ec45c724bee8069227130.png"
								class="image_6" />
						</view>
						<text class="text_9">审核</text>
						<image src="../../assets/16419688604122605486.png" class="image_8" />
						<view class="flex-col items-end group_10">
							<text class="text_10">3</text>
							<image
								src="http://images.wanjunshijie.com/product/cook/assets/c97425f4a8da10876b5c9e30abb4d7ee.png"
								class="image_6" />
						</view>
						<text class="text_11">开通</text>
					</view>
					<view class="flex-col items-center section_2">
						<view class="section_3 flex-col items-center">
							<image src="../../assets/16419688604124385554.png" class="image_13" />
							<text class="text_12">上传个人头像</text>
						</view>
					</view>
					<view class="flex-col items-center section_4">
						<view class="section_3 flex-col items-center">
							<image src="../../assets/16419688604124385554.png" class="image_13" />
							<text class="text_12">上传从业健康证</text>
						</view>
					</view>
					<view class="flex-col section_5">
						<view class="flex-row group_11">
							<text class="text_15">真实名称</text>
							<text class="text_16">请输入真实姓名</text>
						</view>
						<view class="flex-row group_12">
							<text class="text_17">联系电话</text>
							<text class="text_18">请输入联系电话</text>
						</view>
					</view>
				</view>
				<text class="text_19">提醒：请上传资质材料，工作人员将3个工作日内审核。</text>
			</view>
			<view class="justify-center group_13">
				<view class="flex-col items-center text-wrapper">
					<text>保存草稿</text>
				</view>
				<view class="flex-col items-center text-wrapper_1">
					<text>保存草稿</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
	};
</script>

<style scoped lang="scss">
	.page {
		background-color: rgb(242, 242, 242);
		width: 100%;
		height: 100%;
		overflow-y: auto;

		.group_6 {
			padding-bottom: 40rpx;
			flex: 1 1 auto;
			overflow-y: auto;

			.group_13 {
				margin-top: 82rpx;
				padding: 0 153rpx;

				.text-wrapper {
					padding: 19rpx 0;
					color: rgb(86, 84, 84);
					font-size: 28rpx;
					line-height: 26rpx;
					white-space: nowrap;
					background-color: rgb(210, 210, 210);
					border-radius: 15rpx;
					width: 206rpx;
					height: 64rpx;
				}

				.text-wrapper_1 {
					margin-left: 25rpx;
					padding: 19rpx 0;
					color: rgb(255, 255, 255);
					font-size: 28rpx;
					line-height: 26rpx;
					white-space: nowrap;
					background-color: rgb(236, 67, 58);
					border-radius: 15rpx;
					width: 206rpx;
					height: 64rpx;
				}
			}

			.text_19 {
				margin-top: 31rpx;
				align-self: center;
				color: rgb(172, 170, 170);
				font-size: 24rpx;
				line-height: 24rpx;
				white-space: nowrap;
			}

			.section_1 {
				padding: 44rpx 0 36rpx;
				background-color: rgb(255, 255, 255);

				.group_9 {
					color: rgb(255, 180, 0);
					font-size: 34rpx;
					line-height: 25rpx;
					white-space: nowrap;
					padding: 19rpx 0 21rpx;
					width: 64rpx;
					position: relative;

					.text_8 {
						margin-right: 7rpx;
					}
				}

				.text_7 {
					margin-left: 18rpx;
					align-self: center;
					color: rgb(255, 180, 0);
					font-size: 30rpx;
					line-height: 28rpx;
					white-space: nowrap;
				}

				.image_8 {
					margin-left: 11rpx;
					align-self: center;
					width: 71rpx;
					height: 9rpx;
				}

				.view_1 {
					margin-left: 27rpx;
				}

				.text_9 {
					margin-left: 16rpx;
					align-self: center;
					color: rgb(255, 180, 0);
					font-size: 30rpx;
					line-height: 28rpx;
					white-space: nowrap;
				}

				.group_10 {
					margin-left: 28rpx;
					padding: 19rpx 0;
					color: rgb(93, 93, 93);
					font-size: 34rpx;
					line-height: 26rpx;
					white-space: nowrap;
					width: 64rpx;
					position: relative;

					.text_10 {
						margin-right: 6rpx;
					}
				}

				.text_11 {
					margin-left: 16rpx;
					align-self: center;
					color: rgb(93, 93, 93);
					font-size: 30rpx;
					line-height: 27rpx;
					white-space: nowrap;
				}

				.image_6 {
					width: 64rpx;
					height: 64rpx;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					position: absolute;
				}
			}

			.section_2 {
				margin-top: 16rpx;
				padding: 44rpx 0 52rpx;
				color: rgb(115, 115, 115);
				font-size: 24rpx;
				line-height: 24rpx;
				white-space: nowrap;
				background-color: rgb(255, 255, 255);
			}

			.section_4 {
				margin-top: 16rpx;
				padding: 47rpx 0 52rpx;
				color: rgb(115, 115, 115);
				font-size: 24rpx;
				line-height: 24rpx;
				white-space: nowrap;
				background-color: rgb(255, 255, 255);
			}

			.section_5 {
				margin-top: 16rpx;
				padding-left: 24rpx;
				padding-right: 23rpx;
				background-color: rgb(255, 255, 255);

				.group_11 {
					padding: 36rpx 20rpx 31rpx;
					border-bottom: solid 2rpx rgb(238, 238, 238);

					.text_15 {
						color: rgb(0, 0, 0);
						font-size: 28rpx;
						line-height: 27rpx;
						white-space: nowrap;
					}

					.text_16 {
						margin-left: 66rpx;
						color: rgb(172, 170, 170);
						font-size: 24rpx;
						line-height: 24rpx;
						white-space: nowrap;
					}
				}

				.group_12 {
					padding: 35rpx 20rpx 37rpx;

					.text_17 {
						color: rgb(0, 0, 0);
						font-size: 28rpx;
						line-height: 27rpx;
						white-space: nowrap;
					}

					.text_18 {
						margin-left: 66rpx;
						margin-top: 3rpx;
						color: rgb(172, 170, 170);
						font-size: 24rpx;
						line-height: 24rpx;
						white-space: nowrap;
					}
				}
			}

			.section_3 {
				padding: 95rpx 0 28rpx;
				background-color: rgb(242, 242, 242);
				width: 235rpx;
				border: solid 2rpx rgb(160, 160, 160);

				.image_13 {
					width: 46rpx;
					height: 46rpx;
				}

				.text_12 {
					margin-top: 82rpx;
				}
			}
		}

	}
</style>
